@import "./flex/index.scss";
@import "./width/index.scss";
@import "./height/index.scss";
@import "./margin/index.scss";
@import "./padding/index.scss";
@import "./color/index.scss";
@import "./background-color/index.scss";
@import "./font/index.scss";
@import "./border/index.scss";
@import "./position/index.scss";

@for $i from 2 through 16 {
  .w-h-#{5 * $i} {
    width: 5px * $i;
    height: 5px * $i;
  }
}

@for $i from 1 through 3 {
  .ellipsis-#{$i} {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: $i;
  }
}

.i-b {
  display: inline-block;
}

.ov-h {
  overflow: hidden;
}

.ov-s {
  overflow: scroll;
}

// 透明度
.op-0 {
  opacity: 0;
}

// 不触发鼠标事件
.p-e {
  pointer-events: none;
}

// 鼠标指针为可点击
.c-p {
  cursor: pointer
}

.el-drawer {
  overflow: scroll;
}

// 没有根节点的组件使用另外的div使用该类名，再使用loading进行加载
.not-root-element-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
}
